﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="index.aspx.cs" Inherits="ArcgisWebUI.index" %>

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head  >
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <script src="easyui/jquery-1.8.0.min.js"></script>
    <script src="easyui/jquery.easyui.min.js"></script>
    <link href="easyui/icon.css" rel="stylesheet" />
    <link href="easyui/black/easyui.css" rel="stylesheet" />
    <script>
window.onload=function(){
	document.onmousemove=function(evt){
		var e=window.event||evt;
		document.getElementById("mouseImg").style.left=(e.clientX+10)+"px";
		document.getElementById("mouseImg").style.top=(e.clientY+10)+"px";
	};
};
    </script>
    <style>
        #mouseImg {
            height: 90px;
            position: absolute;
            z-index: 999;
        }
    </style>
</head>
<body class="easyui-layout claro map">
    <div data-options="region:'north',title:'基于Asp.net的Arcgis地图开发',split:true" style="height: 100px;">
        <img src="muroran-city-ds.png" style="margin:0 auto;display:block;width:150px;height:66px;" />
    </div>
    <div data-options="region:'south',title:'关于我们',split:true" style="height: 100px;">
        15级数计一班Arcgis小组<br/>
        褚云 陈嘉雯 周娟 周逸雯 章曼 张宇
    </div>
    <div data-options="region:'west',title:'------------'" style="width: 330px;">
        <form id="form1"   style="width: 300px; height: 772px;">
            <div id="aa" class="easyui-accordion" style="width: 300px; height: 772px;">
                <div title="录入地点" data-options="iconCls:'icon-save'" style="overflow: auto; padding: 10px; width: 300px;">
                    <div style="background-color: chartreuse; padding-left: 20px;">
                        <asp:Label ID="Label4"   Text="地点"></asp:Label>
                        <asp:TextBox ID="TextBox4"  ></asp:TextBox>
                        <br />
                        <asp:Label ID="Label5"   Text="经度"></asp:Label>
                        <asp:TextBox ID="TextBox5"  ></asp:TextBox>
                        <br />
                        <asp:Label ID="Label6"   Text="纬度"></asp:Label>
                        <asp:TextBox ID="TextBox6"  ></asp:TextBox>
                        <br />
                        <asp:Label ID="Label7"   Text="高程"></asp:Label>
                        <asp:TextBox ID="TextBox7"  ></asp:TextBox>
                        <br />
                        <hr />
                        <asp:Button ID="btnAdd"   Text="添加" OnClick="btnAdd_Click" Width="196px" />
                    </div>
                </div>
                <div title="查询地点" data-options="iconCls:'icon-reload',selected:true" style="padding: 10px; width: 300px;">
                    <div style="background-color: aquamarine; padding-left: 20px;">
                        <asp:TextBox ID="txtAddress"  >上海海洋大学</asp:TextBox>
                        <asp:Button ID="btnSearch"   Text="查询" OnClick="btnSearch_Click" Width="173px" />
                        <br />
                        <hr />
                        <asp:Label ID="Label1"   Text="经度"></asp:Label>
                        <asp:TextBox ID="TextBox1"  ></asp:TextBox>
                        <br />
                        <asp:Label ID="Label2"   Text="纬度"></asp:Label>
                        <asp:TextBox ID="TextBox2"  ></asp:TextBox>
                        <br />
                        <asp:Label ID="Label3"   Text="高程"></asp:Label>
                        <asp:TextBox ID="TextBox3"  ></asp:TextBox>
                        <br />
                        <br />
                    </div>
                </div>
            </div>
        </form>
    </div>
    <div data-options="region:'center',title:'天地图'" style="padding: 5px; background: #eee;">
        <!--Arcgis主面板-->
        <iframe src="arcgishtml.html" height="100%" width="100%"></iframe>
    </div>
    <img src="muroran-city-ds.png" id='mouseImg' />
</body>
</html>